<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jq-3.6.0.js"></script>
    <script src="./flexible.js"></script>
    <script src="./goods.js"></script>
    <style>
        .header {
            height: 1.6rem;
            background-color: rgb(36, 119, 248);
            text-align: center;
            line-height: 1.6rem;
            font-size: 20px;
            color: aliceblue;
        }
        
        .item {
            display: flex;
            height: 3.2rem;
        }
        
        .check {
            width: .8rem;
            line-height: 3.2rem;
            text-align: center;
        }
        
        .content {
            display: flex;
            width: 100%;
            flex-direction: column;
        }
        
        .title {
            height: 1.6rem;
            width: 90%;
            margin: 0px auto;
            font-size: .32rem;
        }
        
        .pri {
            height: 1.0667rem;
            width: 90%;
            display: flex;
            justify-content: space-between;
            margin: 0px auto;
            margin-top: 10px;
            background-color: aqua;
        }
        
        .price {
            font-size: 15px;
            line-height: 1.0667rem;
        }
        
        .number {
            display: flex;
        }
        
        .number>input {
            width: .6667rem;
            height: .6667rem;
        }
    </style>

</head>

<body style="margin: 0px;padding: 0px;">
    <div class="header">
        购物车
    </div>
    <div class="main">
        <div class="item">
            <div class="check">
                <input type="checkbox">
            </div>
            <img src="https://www.escook.cn/vuebase/pics/1.png">
            <div class="content">
                <div class="title">
                    班俏BANQIAO超火ins潮卫衣女士2020秋季新款韩版宽松慵懒风薄款外套带帽上衣
                </div>
                <div class="pri">
                    <div class="price">
                        <span>¥</span>
                        <span>109</span>
                    </div>
                    <div class="number">
                        <div>-</div>
                        <input>
                        <div>+</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">

    </div>


</body>
<script>
    $(function() {
        var goods = getGoodsList();
        console.log(goods);
    })
</script>

</html>